/* Notifikasi Komentar
----------------------------------------------- */
#mside-ut {
background: #fff;
position: absolute;
top: 7px;
left: 29px;
cursor: pointer;
height: 29px;
width: 110px;
border-radius: 5px;
box-shadow: 0px 1px 1px rgba(153, 153, 153, 0.56);
-webkit-transition: left .15s;
transition: left .15s;
}
.mside-cas {
width: 173px;
position: absolute;
top: -8px;
left: -30px;
z-index: 9999;
background-color: #fff;
padding: 36px 20px 10px 20px;
color: #666;
text-align: left;
box-shadow: 2px 3px 5px rgba(153, 153, 153, 0.56);
background-clip: padding-box;
display:none;
}
.mside {
background: #fff;
margin: -36px -20px;
padding: 1px 0px 0px 20px;
text-align: left;
width: 194px;
z-index: 99999;
position: absolute;
}
.mside-child {
display: inline-block;
vertical-align: top;
height: 43px;
width: 213px;
margin-left: -19px;
}
.cas-child {
display: inline-block;
font-size: 13px;
margin-left: 9px;
text-align: left;
outline: none;
width: 193px;
height: 43px;
}
.img-mside {
background: url('http://2.bp.blogspot.com/-kif5F25SCLY/Ux8KMS9KGkI/AAAAAAAAA3Q/d7IaLzfUfDQ/s1600/img.png');
display: inline-block;
vertical-align: initial;
height: 21px;
width: 21px;
margin: 10px 22px;
}
.bottom-mside {
display: block;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
width: 84px;
text-overflow: ellipsis;
margin-left: 47px;
margin-top: -35px;
}
.left-mside {
display: block;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
width: 84px;
text-overflow: ellipsis;
margin-left: 16px;
margin-top: -21px;
color: rgb(131, 131, 131);
float: left;
}
.img-mside2 {
background: url('http://2.bp.blogspot.com/-kif5F25SCLY/Ux8KMS9KGkI/AAAAAAAAA3Q/d7IaLzfUfDQ/s1600/img.png');
display: block;
height: 10px;
width: 10px;
margin: -15px 8px;
float: right;
opacity: .5;
background-position: 50% 59%;
}
.mside-child:hover {
background:#f5f5f5;
}